<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="index.css">
  <!-- <script src="https://cdn.tailwindcss.com"></script> -->
</head>

<body>
  <div class="mb-10">当前模式:
    <select type="text" id="modeSelect" value="1">
      <option value="1">离线模式</option>
      <option value="2">在线模式</option>
    </select>

  </div>
  <div class="flex row " style="width:500px;" id="bookModel-1">
    <div class="flex row flex-nowrap ">
      当前小说:<select type="text" id="bookSelect" value="" />
    </div>
    <div class="flex-center">
      当前章节:<input type="text" id="chapter" value="" />

      <button id="saveBtn">读取</button>

    </div>

    <input type="file" id="fileInput" accept=".txt">
    <div class="flex">
      当前状态:<span id="status"></span>
    </div>
    <!-- <button id="btn">Click Me</button> -->
    <button id="modifyBtn">开始改变</button>
    <pre class="flex w-full " id="content"></pre>
    <button id="initBtn">初始化</button>
  </div>
  <div class="flex row " style="width:500px;" id="bookModel-2">

  </div>
  <!-- <script>
        tailwind.config = {
          theme: {
            extend: {
              colors: {
                clifford: '#da373d',
              }
            }
          }
        }
      </script> -->

  <script src="../com.js"></script>
  <script type="module" src="index.js"></script>
</body>

</html>